.conversation_list .item .bd {
  display: flex;
  justify-content: space-between;
  padding: 26rpx 0;
  width: 700rpx;
  margin: 0 auto;
  border-bottom: 1px solid #f5f5f5;
}
.conversation_list .item .avatar {
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 50px;
}
.conversation_list .item .centerinfo {
  width: 430rpx;
  flex: 1;
  margin-right: 20rpx;
}
.conversation_list .item .centerinfo .message_description {
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.conversation_list .item .rightinfo {
  color: #999;
  font-size: 12px;
}

.friend_list .items_blank {
  font-weight: 600;
  background-color: #f1f3f8;
  letter-spacing: 2px;
  padding: 20rpx 25rpx;
}
.friend_list .item {
  background-color: #fff;
}
.friend_list .item .bd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26rpx 0;
  width: 700rpx;
  margin: 0 auto;
  border-bottom: 1px solid #f5f5f5;
}
.friend_list .item .avatar {
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 50px;
}
.friend_list .item .maininfo {
  flex: 1;
  width: 400rpx;
}
.friend_list .item .maininfo .name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.friend_list .item1 .maininfo {
  display: flex;
}
.friend_list .item1 .maininfo .name {
  width: auto;
  margin-right: 6px;
}
.friend_list .item1 .new_number {
  color: #ff0000;
}

.add_friend .item {
  background-color: #fff;
}
.add_friend .item .bd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26rpx 0;
  width: 700rpx;
  margin: 0 auto;
  border-bottom: 1px solid #f5f5f5;
}
.add_friend .item .avatar {
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 50px;
}
.add_friend .item .maininfo {
  flex: 1;
  width: 400rpx;
}
.add_friend .item .maininfo .name {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.add_friend .item .btnbox .btn {
  background-color: #00B38A;
  color: #fff;
  border-radius: 20px;
  padding: 2px 0;
  width: 110rpx;
  text-align: center;
  display: inline-block;
  font-size: 12px;
}
.add_friend .item .btnbox .span {
  color: #999;
  font-size: 12px;
}

.new_friend .tabs {
  background-color: #fff;
  padding: 20rpx 25rpx;
  color: #999;
  font-size: 12px;
  border-bottom: 1px solid #f5f5f5;
}
.new_friend .tabs .item {
  margin-right: 6px;
}
.new_friend .tabs .on {
  font-weight: 600;
}
.new_friend .items .item {
  background-color: #fff;
}
.new_friend .items .item .bd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26rpx 0;
  width: 700rpx;
  margin: 0 auto;
  border-bottom: 1px solid #f5f5f5;
}
.new_friend .items .item .avatar {
  width: 80rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 50px;
}
.new_friend .items .item .maininfo {
  flex: 1;
  width: 400rpx;
}
.new_friend .items .item .maininfo .name {
  width: 400rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow:ellipsis;
}
.new_friend .items .item .btnbox .btn {
  background-color: #eee;
  border: 1px solid #eee;
  color: #000;
  border-radius: 5px;
  padding: 2px 0;
  width: 110rpx;
  text-align: center;
  display: inline-block;
  font-size: 12px;
}
.new_friend .items .item .btnbox .apply_status {
  display: inline-block;
  color: #999;
  width: 110rpx;
  text-align: center;
  font-size: 12px;
}

.friend_index .ptop {
  text-align: center;
  padding: 40px 0;
}
.friend_index .ptop .avatar {
  width: 160rpx;
  height: 160rpx;
  border-radius: 50px;
}
.friend_index .actionbox {
  text-align: center;
}
.friend_index .actionbox .btn {
  background-color: #00B38A;
  border: 1px solid #00B38A;
  color: #fff;
  width: 260rpx;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
}
.friend_index .actionbox .btn1 {
  width: 210rpx;
  margin: 0 5px;
}
.friend_index .actionbox .btn_reject {
  background-color: #fff;
  border: 1px solid #FF0000;
  color: #FF0000;
}
.friend_index .actionbox .span {
  width: 260rpx;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 5px;
  border: 1px solid #7c95da;
  color: #7c95da;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  font-size: 12px;
}



.friend_index .btnbox {
  display: flex;
  justify-content: center;
}
.friend_index .btnbox .btn {
  display: inline-block;
  background-color: #00B38A;
  border: 1px solid #00B38A;
  color: #fff;
  width: 210rpx;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 5px;
  text-align: center;
  margin: 0 5px;
}
.friend_index .btnbox .btn_reject {
  background-color: #fff;
  color: #00B38A;
}
.friend_index .apply_status {
  font-size: 14px;
  color: #7c95da;
  text-align: center;
}
.friend_index .apply_status .span {
  border: 1px solid #7c95da;
  padding: 5px 25px;
  border-radius: 5px;
}

.chat .chatbody {
  height: auto;
}
.chat_items {
  padding: 50rpx 30rpx 30rpx 30rpx;
}
.chat_items .item {
  margin-bottom: 30rpx;
  overflow: hidden;
}
.chat_items .item_bd {}
.chat_items .avatar {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50px;
}
.chat_items .chat_content {
  max-width: 500rpx;
}
.chat_items .chat_content .send_status {
  font-size: 12px;
  color: #999;
}
.chat_items .chat_content .txtbox {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  display: inline-block;
}
.chat_items .item_left .item_bd {
  float: left;
}
.chat_items .item_left .avatar {
  float: left;
  margin-right: 20rpx;
}
.chat_items .item_left .chat_content {
  float: right;
}
.chat_items .item_left .chat_content .iconfont {
  float: right;
}
.chat_items .item_right .item_bd {
  float: right;
}
.chat_items .item_right .avatar {
  margin-left: 20rpx;
  float: right;
}
.chat_items .item_right .chat_content {
  float: left;
}
.chat_items .item_right .txtbox {
  background-color: #d2e3ff;
  white-space:normal;
  word-break:break-all;
}
.chat .empty_msg {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin: 50rpx 0;
}
.chat_foot_blank {
  height: 66px;
}
.chat_foot {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #eee;
  border-top: 1px solid #ddd;
  font-size: 14px;
  height: 66px;
}
.chat_foot .bd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 30rpx;
}
.chat_foot .bd .inputbox {
  background-color: #fff;
  border-radius: 5px;
  padding: 8px 10px;
  width: 540rpx;
  font-size: 14px;
}
.chat_foot .bd .vm1 {
  background-color: #7c95da;
  color: #fff;
  width: 100rpx;
  height: 46rpx;
  line-height: 46rpx;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
}
.chat_foot .bd .vm2 {
  background-color: #00B38A;
  color: #fff;
  width: 90rpx;
  height: 56rpx;
  line-height: 56rpx;
  text-align: center;
  border-radius: 3px;
  font-size: 12px;
}
